<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<div id="box" align="center">
			袁斌斌正版
		</div>
		<script src="../jquery-1.12.4.min.js"></script>
		<script>
			/*var div = document.getElementById('box');
			div.onmouseover = function() {
			div.style.background = 'blueviolet'
			};
			div.onmouseleave = function() {
			div.style.background = ''
			}*/
			/*$('#box').mouseover(
				function() {
					$(this).css('background', 'blueviolet')
				}
			);
			$('#box').mouseout(
				function() {
					$(this).css('background', '')
				}
			);*/
			$('div').on({
				mouseover: function() {
					$('div').css('background', 'blueviolet');
				},
				mouseout: function() {
					$('div').css('background', '')
				}
			});
		</script>
	</body>

</html>